<template>
  <div>
    <a-card class="header_card">
      <a-form
        :model="subUserStore.formSearchData"
        layout="inline"
        style="width: 1600px; line-height: 40px; padding-top: 6px"
        @submit="searchSubmit"
      >
        <a-form-item field="name" label="用户名">
          <a-input v-model="subUserStore.formSearchData.platFormSubUserName" style="width: 150px" />
        </a-form-item>
        <a-form-item field="name" label="邮箱">
          <a-input v-model="subUserStore.formSearchData.platFormSubUserEmail" style="width: 200px" />
        </a-form-item>
        <a-form-item field="name" label="公司名称">
          <a-input v-model="subUserStore.formSearchData.platFormSubUserCompany" style="width: 150px" />
        </a-form-item>
        <a-form-item field="name" label="所在地">
          <a-input v-model="subUserStore.formSearchData.mainArea" style="width: 150px" />
        </a-form-item>
      </a-form>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'Header'
})
</script>
<script lang="ts" setup>
import { useSubUserStore } from '@/store'
const subUserStore = useSubUserStore()
// 表单提交事件
const searchSubmit = () => {}
</script>

<style lang="scss" scoped>
.header_card {
  margin-bottom: 14px;
  overflow-x: auto;
}
</style>
